<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-es" lang="es-es" >
<head><title></title>
<style type="text/css">
    body {
        font-family:Arial,Helvetica,sans-serif;
        font-size:76%;
        line-height:1.3;
    }
    a {
        text-decoration:none;
        font-weight:bold;
    }
    a:hover {
        text-decoration:underline;
    }
    a:active,a:focus {
        outline:none;
    }
    a,h2,a:hover,li#current a,li.parent li#current a,li#current li a:hover {
       color:#53a31c;
    }
    .small,.createdate,.modifydate {
        font:0.9em Arial,Helvetica,sans-serif;
        color:#53a31c;
    }
    table.avrtable {
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    table.avrtable td,
    table.avrtable th {
        border-right: 1px solid #000;
        border-top: 1px solid #000;
    }
    
    span.alert {
        background:#FFD6D6 url(notice-alert.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #FE7B7A;
        border-top:3px solid #FE7B7A;
        color:#CC0000;
    }
    span.info {
        background:#C0D2E8 url(notice-info.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #629DE3;
        border-top:3px solid #629DE3;
        color:#0055BB;
    }
    span.note {
        background:#F0E6BE url(notice-note.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #FDE179;
        border-top:3px solid #FDE179;
        color:#B79000;
    }
    span.download {
        background:#DEE6C5 url(notice-download.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #C2DF88;
        border-top:3px solid #C2DF88;
        color:#57861A;
    }
    span.alert, span.info, span.download, span.note {
        display:block;
        margin:15px 0pt;
        padding:10px 10px 10px 45px;
    }
    .contenttoc {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
    }
</style>
</head><body>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
	<table cellpadding="0" cellspacing="0" class="contenttoc">
	<tr>
		<th>Índice de artículos</th>
	</tr>
	<tr>
		<td>
		<a href="es-es.doc0.html">Introducción</a>
		</td>
	</tr>
			<tr>
				<td>
				<a href="es-es.doc1.html">Licencia</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc2.html">Reproducción de contenido local</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc3.html">Reproduciendo Contenido Remoto</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc4.html">Parámetros para el plugin</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc5.html">Usando listas de Reproducción</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc6.html">Managing playlists</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc7.html">Using the AVR Media button</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc8.html">Popup window and lightbox</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc9.html">The system plugin</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc10.html">Managing Players, Rippers and Tags</a>
				</td>
			</tr>
			</table><div class="pagenavcounter">Página 8 de 11</div>
<h2>Using the AVR Media button</h2>
<p>As of Version 1.2, AllVideos Reloaded (AVR) includes an editor-xtd plugin which provides an editor button for easy embedding of media in your content. After installation of AVR, the button is automatically added to the other buttons below your editow window. If you use Joomla's standard backend template khepri, that button looks like this:</p>
<p><img alt="" height="64" src="editbutton.png" width="433" /></p>
<p>If you click that button, you should see the following dialog:</p>
<p><img alt="" src="insert-remote.png" /></p>
<h2>Inserting remote media</h2>
<p>In the above dialog, you can insert either remote or local media. For inserting <strong>remote media</strong>, simply paste the URL of the page showing the desired video at the video-sharing provider into the first text field. For example: If you want to embed the following video from YouTube into your article,</p>
<p><img alt="" src="youtube-sample.png" /></p>
<p>then simply paste the text <kbd>http://www.youtube.com/watch?v=6lbvSBNLLoo</kbd> into the field labeled <strong>URL</strong>. After that, hit the <kbd>RETURN</kbd> key. This triggers AVR's automatic recognition and the rest of the form will be filled like this:</p>
<p><img alt="" src="ytselect.png" /></p>
<p>As you can see, the fields <strong>Provider</strong>, <strong>ID</strong> and <strong>Media tag</strong> have now changed and both buttons <strong>Preview</strong> and <strong>Insert</strong> have changed their state to enabled. (Previously, they have been disabled). If you like to add custom attributes, you can do so now. To verify the effects of any custom attribute, you can use the <strong>Preview</strong> button. If you are satisfied with the video's appearance, finally click the <strong>Insert</strong> button. This copies the content of the <strong>Media tag</strong> into the editor at the current cursor position and closes the dialog.</p>
<h2>Inserting local media</h2>
<p>Before inserting <strong>local</strong> media, you obviously have to upload it to your server. By default, AllVideos Reloaded uses two special folders named <strong>audio</strong> and <strong>videos</strong> for this. These folders <strong>have to be created</strong> in advance in Joomla's <strong>Media manager</strong> (or a similar tool) <strong>inside</strong> Joomla's <strong>imges/stories</strong> like this:</p>
<p><img alt="" src="joomla-mm.png" /></p>
<p>After that, you can upload media files into those folders. Plain audio files (mp3, wma) should be stored in the folder named <strong>audio</strong> while everything else (videos, playlists) goes into the folder named <strong>videos</strong>. Uploading is not part of AllVideos Reloaded, so again, you should use Joomla's Media manager (or a similar tool) for doing that.</p>
<p><span class="note">By default, Joomla's media manager is quite restrictive regarding supported file types. In Joomla's global configuration, you have to add file types of the desired media files in order to be able to upload these files.</span></p>
<p>To insert <strong>local</strong> media, you first invoke the same dialog and then select the <strong>Local Media</strong> tab. The dialog now looks like this:</p>
<p><img alt="" src="insert-local.png" /></p>
<p>In the combo box <strong>Media</strong> at the top, you now can select the previously uploaded media file. After selecting the file, the rest of the dialog will be completed. Again, the field Media tag shows the tag to be used and you can complete the action just like with remote media described above.</p>
<br /><div class="pagenavbar"><div><a href="es-es.doc6.html">&lt;&lt; Anterior</a> - <a href="es-es.doc8.html">Siguiente &gt;&gt;</a></div></div><br /></td>
</tr>
<tr>
	<td colspan="2"  class="modifydate">
		Ultima actualización ( Sábado 05 de Julio de 2008 03:46 )
	</td>
</tr>
</table></body>
</html>